{% extends base.html %}
{% block body %}

<style type="text/css">
  .dairy-header {
    width: 100%;
    float: left;
  }

  .dairy-header>h2 {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .dairy-option {
    text-align: center;
  }

</style>
  
  <div class="card">
    <!-- <h3 class="card-title">天视图</h3> -->

    <div class="dairy-header">
      <h2>2020年3月4日</h2>

      <div class="dairy-option">
        <a>昨天</a>
        <a>明天</a>
      </div>
    </div>

    <div class="dairy-content">
      <p>今天休息</p>
    </div>

    <div class="dairy-input">
      <textarea class="row"></textarea>
      <button>添加记录</button>
    </div>

  </div>

{% end %}